<template>
    <div class="JoinSuccess">
      <p class="top_p">您已成功参与本次抽奖，您的幸运号码是：</p>
         <div class="lucknum">
           
             <ul>
                 <li v-for="item in 9" :key="item.id">30002582</li>
             </ul>

        </div>
      <p class="bottom_p">您也可以在 <router-link class="mydraw" to="MyDraw">我的抽奖</router-link> 页面再次查看您的抽奖码。</p>
    </div>
</template>

<script>
export default {};
</script>

<style scoped lang="less">
@import "../style/base.less";

.JoinSuccess {
  padding: 24 / @px;
  padding-bottom: 120/@px;
  background: #fff;

    .top_p{
        font-size: 30/@px;
        color: #1a1a1a;
    }
    .bottom_p{
        font-size: 30/@px;
        color: #1a1a1a;
        margin-top: 50/@px;
        .mydraw{
           display: inline-block;
           border-bottom: 1px solid #0075a9;
           color: #0075a9;
            
        }
    }

  .lucknum {
    background: #fff;

    ul {
      margin-top: 28 / @px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      li {
        flex: 0 0 33.3333%;
        font-size: 42 / @px;
        color: #ff0032;
        margin-bottom: 10 / @px;
      }
    }
  }
}
</style>